<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快运管理api</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="body">
    <div id="header">

    </div>
    <div id="section">
        <div id="nav">
            <ol class="nav">
                <li class="items">
                    <div class="title">
                        <p class="text">C2</p>
                        <p class="explain">（C2控制器）</p>
                    </div>
                    <ul class="sub-nav">
                        <li>
                            <p class="text"><a href="#sendCodeAction2222">verAction</a></p>
                            <p class="explain">（版本）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">tagErrorAction</a></p>
                            <p class="explain"></p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">sendCodeAction</a></p>
                            <p class="explain">（发送验证码）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">cateListAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">savePublishAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">disposePublishLoginCallbackAction</a></p>
                            <p class="explain">（处理发布需求登录后的请求）</p>
                        </li>
                    </ul>

                </li>
                <li class="items">
                    <div class="title">
                        <p class="text">C2</p>
                        <p class="explain">（C2控制器）</p>
                    </div>
                    <ul class="sub-nav">
                        <li>
                            <p class="text"><a href="javascript:;">verAction</a></p>
                            <p class="explain">（版本）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">tagErrorAction</a></p>
                            <p class="explain"></p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">sendCodeAction</a></p>
                            <p class="explain">（发送验证码）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">cateListAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">savePublishAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">disposePublishLoginCallbackAction</a></p>
                            <p class="explain">（处理发布需求登录后的请求）</p>
                        </li>
                    </ul>

                </li>
                <li class="items">
                    <div class="title">
                        <p class="text">C2</p>
                        <p class="explain">（C2控制器）</p>
                    </div>
                    <ul class="sub-nav">
                        <li>
                            <p class="text"><a href="javascript:;">verAction</a></p>
                            <p class="explain">（版本）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">tagErrorAction</a></p>
                            <p class="explain"></p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">sendCodeAction</a></p>
                            <p class="explain">（发送验证码）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">cateListAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">savePublishAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">disposePublishLoginCallbackAction</a></p>
                            <p class="explain">（处理发布需求登录后的请求）</p>
                        </li>
                    </ul>

                </li>
                <li class="items">
                    <div class="title">
                        <p class="text">C2</p>
                        <p class="explain">（C2控制器）</p>
                    </div>
                    <ul class="sub-nav">
                        <li>
                            <p class="text"><a href="javascript:;">verAction</a></p>
                            <p class="explain">（版本）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">tagErrorAction</a></p>
                            <p class="explain"></p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">sendCodeAction</a></p>
                            <p class="explain">（发送验证码）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">cateListAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">savePublishAction</a></p>
                            <p class="explain">（发布需求列表）</p>
                        </li>
                        <li>
                            <p class="text"><a href="javascript:;">disposePublishLoginCallbackAction</a></p>
                            <p class="explain">（处理发布需求登录后的请求）</p>
                        </li>
                    </ul>

                </li>
            </ol>
        </div>
        <div id="aside">
            <iframe src="./views-content/sendCodeAction-1.html" scrolling="yes">

            </iframe>
            <!--<iframe src="./views-content/sendCodeAction-2.html" scrolling="yes">

            </iframe>-->
        </div>
    </div>
</div>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(".nav").on("click",".items .title",function(){
        var target = $(this).siblings("ul");
        if(target.is(".active")){
            listShowHide(target,"hide");
            target.removeClass("active");
        }else {
            listShowHide(target,"show");
            target.addClass("active");
        }
    })
    function listShowHide(target ,data){
        if(data && data === "show"){
            target.stop().slideDown();
        }else {
            target.stop().slideUp();
        }
    }
</script>
</html>